<template>
  <div class="transfer-order-up-footer">
    <div class="layout">
      <button
        class="confirm"
        @click="ConfirmTransferOrder(transferOrderDetail.transferOrder)"
      >确认</button>
    </div>
  </div>
</template>

<script>
export default {
  name: "TransferOrderUpFooter",
  props: {
    transferOrderDetail:{
      type:Object
    }
  },
  methods: {
    ConfirmTransferOrder(transferOrder) {
      this.$store.dispatch("RemoveTransferOrder", transferOrder);
    }
  },
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.transfer-order-up-footer {
  height: 7%;
}
.layout {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.confirm {
  background: rgba(237, 105, 92, 1);
  color: #fff;
  padding: 5px 40px;
  border: none;
  cursor: pointer;
  outline: none;
}
</style>